<?xml version="1.0" encoding="utf-8"?>
<skin>
  <skin_id>MegaMenuSolution</skin_id>
  <skin_image>skin_preview.png</skin_image>
  <template_name>MegaMenuSolution</template_name>
  <description>The theme is based on SuperFish jQuery plugin - easy way to get SEO friendly CSS dropdown menu with cool JavaScript effects.</description>
  <default>true</default>
  <version>1.0</version>
  <html>
    <renderer>html/WrapperTemplate.ascx</renderer>
  </html>
  <js>
    <startup_scripts>
        <script unique="false" unique_name="menu-customlab-init">
            <data><![CDATA[
            	jQueryCS(function(){
					(function($) {
						var SkinId = "{container_id}";						
						var TopLiClass = "li-topLevel";
						var HoverClass = "sfHover";
						var MobileBrowsingClass = "mobileBrowsing";
						var SubIndicatorClass = "sf-sub-indicator";
						
						// WrapperTemplate & NodeTemplate classes
						var DisabledJSClass = "no-script";
						var LinkHasChildClass = "a-with-ul";
						var MegaMenuULClass = "cs-megamenu-ul";
						
						var $SkinMenu = $('#' + SkinId + '> ul');
						
						$SkinMenu.mmpositioning({
							MegaULClass:MegaMenuULClass
						});
						
						if ($.browser.mobile){
							$SkinMenu.addClass(MobileBrowsingClass).removeClass(DisabledJSClass)
							.children('li').addClass(TopLiClass)
							.find('.' + LinkHasChildClass).append('<span class="'+ SubIndicatorClass +'"></span>');
							$SkinMenu.find('.' + SubIndicatorClass).click(function(){
								var $li = $(this).parent().parent();
								if ($li.hasClass(HoverClass)){
										$li.add($li.find('.' + HoverClass)).removeClass(HoverClass);
								} else {
									if ($li.hasClass(TopLiClass)) {
											$SkinMenu.find('.' + HoverClass).removeClass(HoverClass);      	
									}
									$li.addClass(HoverClass);
								}
								return false;
							});
							$(document).click(function(){
								$SkinMenu.find('.' + HoverClass).removeClass(HoverClass);
							});
						} else {
							$SkinMenu.superfish({
								dropShadows: false,
								delay: 100,
								hoverClass:HoverClass,
								arrowClass:SubIndicatorClass,
								anchorClass:""
							});
						}
					})(jQueryCS);
				});
            ]]></data>
        </script>
    </startup_scripts>
    <files>
      <file unique="true" unique_name="jquery-1.3.2.min.cs">
        <path>js/jquery-1.3.2.min.cs.js</path>
      </file>
	  <file unique="true" unique_name="megamenu-positioning">
        <path>js/jquery.mmpositioning.js</path>
      </file>
      <file unique="true" unique_name="superfish">
        <path>js/superfish.js</path>
      </file>
	  <file unique="true" unique_name="detectmobilebrowser.cs">
        <path>js/detectmobilebrowser.js</path>
      </file>
    </files>
  </js>
  <css>
    <root_css_class>MegaMenuSolution</root_css_class>
    <files>
      <file unique="true" unique_name="superfish">
        <path>css/superfish.css</path>
      </file>
      <file unique="true" unique_name="theme-default">
        <path>theme.css</path>
      </file>
    </files>
  </css>
  <theme>
    <template>css/generated-theme.css</template>
    <values>css/default-theme.xml</values>
  </theme>
</skin>